<template>
  <div id="app" :class="_isMobile() ? 'moblieApp' : 'pcApp'">
  <router-view></router-view>
  </div>
</template>
<script>
  export default {
    mounted(){

    },
    methods: {
      _isMobile() {
        let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
        return flag;
      },
    }
  }
</script>
<style lang="scss">
  body,html{
    height: 100%;
  }
  #app{
    height: 100%;
  }
.el-dialog {
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: calc(100% - 30px);
  max-width: calc(100% - 30px);
 }

 .el-dialog .el-dialog__body {
  flex: 1;
  overflow: auto;
 }

  .el-table  td, .el-table  th{
    padding: 0 !important;
  }
  .optBtn-box{
    .el-button{
      padding: 0;
    }
  }

@media screen and (max-width:960px) {
  .el-message-box__wrapper >.el-message-box {
      width: 90%;
   }
  .el-dialog {
    height: 100%;
  }

  .el-dialog .el-dialog__body {
    height: 100%;
    &>.canvas-box{
      height: 100%;
    }
  }
}
  ul{
    list-style-type: none;
    padding: 0;
  }

  .school-type> .el-radio-button > .el-radio-button__inner{
    padding: 8px 10px;
  }



</style>
